<template>
  <div class="left_boottom_wrap"  v-if="pageflag">
    <dv-scroll-board :config="config" style="width:100%;height:calc(100% - 20px);margin-top: 20px;" />
  </div>
</template>

<script>
import { currentGET } from "api";
export default {
  data() {
    return {
      list: [],
      pageflag: true,
      config: {
        header: ['测站名称', '故障原因', '测站编码', '报警时间'],
        headerBGC: '#05598d',
        evenRowBGC: 'rgba(1, 20, 48, 0.5)',
        oddRowBGC: '#112B50',
        waitTime: 1500,
        headerHeight: 40,
        hoverPause: true,
        data: [
          ['1', '部件老化', '112221', '2023-12-15 16:20:30'],
          ['2', '闸口短路', '112221', '2023-12-15 16:20:30'],
          ['3', '部件老化', '112221', '2023-12-15 16:20:30'],
          ['4', '闸口短路', '112221', '2023-12-15 16:20:30'],
          ['5', '部件老化', '112221', '2023-12-15 16:20:30'],
          ['6', '闸口短路', '112221', '2023-12-15 16:20:30'],
          ['7', '部件老化', '112221', '2023-12-15 16:20:30'],
          ['8', '闸口短路', '112221', '2023-12-15 16:20:30'],
          ['9', '部件老化', '112221', '2023-12-15 16:20:30'],
          ['10', '闸口短路', '112221', '2023-12-15 16:20:30'],
          ['11', '部件老化', '112221', '2023-12-15 16:20:30'],
          ['12', '闸口短路', '112221', '2023-12-15 16:20:30'],
          ['13', '部件老化', '112221', '2023-12-15 16:20:30'],
          ['14', '闸口短路', '112221', '2023-12-15 16:20:30']
        ],
        columnWidth: [100, 140, 140, 180],
        align: ['left']
      }
    };
  },
  computed: {
    
  },

  created() {
    
  },

  mounted() {
    this.getData();
  },
  methods: {
    getData() {
      this.pageflag = true;
      // this.pageflag =false
      currentGET("big3", { limitNum: 20 }).then((res) => {
        console.log("设备提醒", res);
        if (res.success) {
          this.countUserNumData = res.data;
          this.list = res.data.list;
          let timer = setTimeout(() => {
            clearTimeout(timer);
            this.$store.state.setting.defaultOption.step;
          }, this.$store.state.setting.defaultOption.waitTime);
        } else {
          this.pageflag = false;
          this.$Message({
            text: res.msg,
            type: "warning",
          });
        }
      });
    },
  },
};
</script>
<style lang='scss' scoped>
  .left_boottom_wrap {
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
</style>
